<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name='viewport' content='width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'>
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>商品详情 比价1.0</title>
  <link rel="stylesheet" href="./lib/fa/css/font-awesome.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/productList.css">
  <script src="./lib/flexible/flexible.js"></script>
</head>

<body>
  <div class="mmm_container">
    <div class="mmm_header clearfix">
      <div class="logo">
        <img src="./images/header_logo.png" alt="">
      </div>
      <div class="app">
        <img src="./images/header_app.png" alt="">
      </div>
    </div>
    <div class="mmm_search">
      <input type="text" placeholder="请输入想比价的商品">
      <button>搜索</button>
    </div>
    <div class="mmm_main">
      <div class="nav clearfix">
        <div class="left fl">
          <!-- 待渲染 -->
        </div>
        <div class="right fr">
          <button>筛选</button>
        </div>
      </div>
      <div class="items">
        <ul>
          <!-- 待渲染 -->
          <li class="item">
            <a href="#">
              <img src="./images/categorylist.jpg" alt="">
              <div class="info">
                <p>乐视TV高清便宜乐视TV高清便宜乐视TV高清便宜乐视TV高清便宜乐视TV高清便宜乐视TV高清便宜乐视TV高清便宜</p>
                <span class="price">&yen;1800</span>
                <div class="num">
                  <span>报价(6)</span>
                  <span>评论(2286)</span>
                </div>
              </div>
            </a>
          </li>
        </ul>
      </div>
      <!-- 分页 -->
      <div class="pagination">
        <button class="prev fl">上一页</button>
        <div class="center">
          <select name="" id="selectPage">
            <option value="">1/3</option>
            <option value="">2/3</option>
            <option value="">3/3</option>
          </select>
        </div>
        <button class="next fr">下一页</button>
      </div>
    </div>

    <div class="mmm_footer">
      <div class="nav">
        <a href="javscript:;">登录</a>
        <a href="javscript:;">注册</a>
        <a href="#">
          <img src="./images/top.jpg" alt=""> 返回顶部
        </a>
      </div>
      <div class="app">
        <span class="load">手机APP下载</span>
        <a href="#">慢慢买手机版</a>
        <span>--掌上比价平台</span>
        <p>m.manmanbuy.com</p>
      </div>
    </div>
  </div>

  <script type="text/template" id="tmp">
    {{each result v i}}
      <a href="index.html">首页></a>
      <a href="category.html">全部分类></a>
      <a href="index.html">{{v.category}}</a>
    {{/each}}
  </script>


  <script type="text/template" id="tmp2">
   {{each result v i}}
        <li class="item">
          <a href="bijia.html?productid={{v.productId}}">
            {{@v.productImg}}
            <div class="info">
              <p>{{v.productName}}</p>
              <span class="price">{{v.productPrice}}</span>
              <div class="num">
                <span>{{v.productQuote}}</span>
                <span>{{v.productCom}}</span>
              </div>
            </div>
          </a>
        </li>
   {{/each}}
  </script>









  <script src="./lib/jquery/jquery.min.js"></script>
  <script src="./lib/artTemplate/template-web.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/productList.js"></script>
</body>

</html>